<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="index.css" />
	</head>

	<body>
		<header id="header">
			<div class="top_header clearFix">
				<a href="#" class="img">
					<img src="img/logo.png" />
				</a>
				<div class="nav">
					<nav>
						<a href="#">MENU</a>
						<a href="#">Sign in</a>
						<a href="#">Register</a>
						<a href="#">Start selling</a>
						<a href="#">Talk Folksy</a>
					</nav>
				</div>
				<p class="basket">
					<a href="#"> <strong>Basket</strong>
						<span>0</span>
					</a>
				</p>
				<div class="Search">
					<p>Items&rarr;</p>
					<form class="searchForm">
						<div>
							<input type="text" placeholder="…in Folksy" />
							<input type="submit" value="Search" />
						</div>
					</form>
				</div>

			</div>
		</header>
		<section id="banner">
			<section class="bannerTxt">
				<div class="banTxt_div">
					<div class="banTxt_d2"> 
						<h2>Modern British Craft</h2>
						<p>
							We love craft. On Folksy there are 179443 things for sale from 5978 British designers and makers. What will you find today?
						</p>
					</div>
					<div class="banTxt_span">
						Shop: <em>Trudi Murray Art and Illustration</em>
					</div>
				</div>
			</section>
		</section>
		<section id="topNav">
			<div class="menu">
				<h2><strong>DEPARTMENTS</strong><span>&gt;</span></h2>
			</div>
			<p class="icoHouse"></p>
			<nav class="clearFix">
				<a href="#">Jewellery<span></span></a>
				<a href="#">Clothing & Accessories<span></span></a>
				<a href="#">Homeware<span></span></a>
				<a href="#">Art<span></span></a>
				<a href="#">Cards & Stationery<span></span></a>
				<a href="#">Weddings<span></span></a>
				<a href="#">Supplies<span></span></a>
			</nav>
		</section>
		<section id="lengthImg">
			<a href="#">
				<img class="smallimg" src="img/simg01.jpg" />
				<img class="bigImg" src="img/img01.png" />
			</a>
		</section>
		<section id="part1">
			<header class="part1_head">
				<span class="sp1"></span>
				<h2 class="p1_h201">Explore some of the great things at Folksy…</h2>
				<h2 class="p1_h2">Explore Folksy…</h2>
				<span class="sp2"></span>
			</header>
			<ul class="part1_list">
				<li>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img02.jpg" />
						<h2>Find A Gift</h2>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img22.jpg" />
						<h2>Our Favourite Finds</h2>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img06.jpg" />
						<h2>Home Decorations</h2>
					</a>
				</li>
			</ul>
		</section>
		<section class="subScribe">
			<section class="subCen">
				<span class="sp1"></span>
				<span class="sp2"></span>
				<label class="label" for="Email">Subscribe to the <strong>Folksy weekly email</strong> for interviews, products and offers.</label>
				<form>
					<div class="emInput">
						<input id="Email" type="email" placeholder="Your email address" />
						<input type="submit" value="Subscribe" />
					</div>
				</form>
			</section>
		</section>
		<section id="part2">
			<header class="common">
				<span class="icobg"></span>
				<span class="ico"></span>
				<h2>The newest items on Folksy</h2>
				<a href="#">See more</a>
			</header>
			<ul class="part2_list">
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img09.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img10.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img05.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img09.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>

				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img23.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img24.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/shopitem.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img25.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
			</ul>
		</section>
		<section id="part3">
			<header class="common">
				<span class="icobg"></span>
				<span class="ico"></span>
				<h2>A selection of our gift ideas</h2>
				<a href="#">See more</a>
			</header>
			<ul class="part1_list part3_list">
				<li>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img26.jpg" />
						<h2>Newborn Baby Gifts</h2>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img27.jpg" />
						<h2>Easter Cards</h2>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img28.jpg" />
						<h2>Gifts For Animal Lovers</h2>
					</a>
				</li>
			</ul>
		</section>
		<section id="part4">
			<header class="common">
				<span class="icobg"></span>
				<span class="ico"></span>
				<h2>Featured Seller Talk of the Town Parties </h2>
				<a href="#">More featured sellers</a>
			</header>
			<ul class="part2_list part4_list">
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img09.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img10.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img05.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
				<li>
					<span class="xinbg"></span>
					<span class="xin"></span>
					<a href="#">
						<span class="tmc"></span>
						<img src="img/img09.jpg" />
						<div class="txtImg">
							<h2>Turquoise and larimar earri...</h2>
							<p>Winter House Jewellery</p>
							<p class="clearFix">
								<span class="fl1">1 in stock</span>
								<span class="fr2">£12.00</span>
							</p>
						</div>
					</a>
				</li>
			</ul>
		</section>
		<section id="part5" class="clearFix">
			<header class="common">
				<span class="icobg"></span>
				<span class="ico"></span>
				<h2>The newest shops on Folksy</h2>
				<a href="#">See more</a>
			</header>
			<ul class="part5_list clearFix">
				<li class="clearFix p5_dli">
					<div class="p5_ico1">
						<a href="#">
							<img src="img/ico3.jpg" />
						</a>
					</div>
					<div class="p5_left">
						<h2><a href="#">Meraki Precious</a></h2>
						<p class="leftp">
							<a href="#">
								<span class="xinbg2"></span>
								<span class="xin2"></span>
								<strong>Favourite</strong>
							</a>
						</p>
					</div>
					<ul class="p5_right">
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img19.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img17.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img18.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img17.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img15.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img16.jpg" />
							</a>
						</li>
					</ul>
				</li>
				<li class="clearFix p5_dli">
					<div class="p5_ico1">
						<a href="#">
							<img src="img/ico3.jpg" />
						</a>
					</div>
					<div class="p5_left">
						<h2><a href="#">Meraki Precious</a></h2>
						<p class="leftp">
							<a href="#">
								<span class="xinbg2"></span>
								<span class="xin2"></span>
								<strong>Favourite</strong>
							</a>
						</p>
					</div>
					<ul class="p5_right">
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img19.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img17.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img18.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img17.jpg" />
							</a>
						</li>
					</ul>
				</li>
				<li class="clearFix p5_dli">
					<div class="p5_ico1">
						<a href="#">
							<img src="img/ico3.jpg" />
						</a>
					</div>
					<div class="p5_left">
						<h2><a href="#">Meraki Precious</a></h2>
						<p class="leftp">
							<a href="#">
								<span class="xinbg2"></span>
								<span class="xin2"></span>
								<strong>Favourite</strong>
							</a>
						</p>
					</div>
					<ul class="p5_right">
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img19.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img17.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img18.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img17.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img17.jpg" />
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tmc"></span>
								<img src="img/img17.jpg" />
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</section>
		<section id="part6">
			<header class="p6head">
				<h2>
				<span class="lico"></span>
				<strong>Featured in...</strong>
				<span class="rico"></span>
			</h2>
			</header>
			<ul class="logolist">
				<li>
					<a href="#">
						<img src="img/logo1.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo2.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo3.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo4.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo5.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo6.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo7.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo8.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo9.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo10.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo11.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo12.png" />
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/logo13.png" />
					</a>
				</li>
			</ul>
		</section>
		<footer id="footer">
			<section class="footOver clearFix">
				<section class="footl">
					<div class="fl_foot clearFix">
						<dl>
							<dt>Buying on Folksy</dt>
							<dd><a href="#">How it works</a></dd>
							<dd><a href="#">Delivery</a></dd>
							<dd><a href="#">Returns</a></dd>
							<dd><a href="#">Contact the seller</a></dd>
							<dd><a href="#">FAQ</a></dd>
						</dl>
						<dl>
							<dt>Folksy Community</dt>
							<dd><a href="#">How it works</a></dd>
							<dd><a href="#">Delivery</a></dd>
							<dd><a href="#">Returns</a></dd>
							<dd><a href="#">Contact the seller</a></dd>
							<dd><a href="#">FAQ</a></dd>
						</dl>
						<dl>
							<dt>About Folksy</dt>
							<dd><a href="#">How it works</a></dd>
							<dd><a href="#">Delivery</a></dd>
							<dd><a href="#">Returns</a></dd>
							<dd><a href="#">Contact the seller</a></dd>
							<dd><a href="#">FAQ</a></dd>
						</dl>
					</div>
					<nav class="footIco">
						<a href="#"><img src="img/ico3.png" /></a>
						<a href="#"><img src="img/ico4.png" /></a>
						<a href="#"><img src="img/ico5.png" /></a>
						<a href="#"><img src="img/ico6.png" /></a>
						<a href="#"><img src="img/ico7.png" /></a>
						<a href="#"><img src="img/ico8.png" /></a>
						<a href="#"><img src="img/ico9.png" /></a>
					</nav>
				</section>
				<section class="footR">
					<form action="">
						<label for="email">Subscribe to our weekly email guide</label>
						<input id="email" type="email" placeholder="Your email address" />
						<input id="submitbtn" type="submit" value="Subscribe" />
					</form>
					<div class="foot_img">
						<a href="#"><img src="img/img02.png" /></a>
					</div>
				</section>
			</section>
		</footer>
	</body>

</html>